@import "clearCss.css";
html{
    font-size: 13.888vw;
    background-color: #f8f8f8;
    // height: 13.68rem;
}
.top{
    background-color: #FFFFFF;
    width: 7.2rem;
    height: .96rem;
    h2{
        line-height: .96rem;
        text-align: center;
        color: #000000;
        font-size: .36rem;
    }
}
.inform{
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 7.2rem;
    height: 1rem;
    background-color: #BC9A81;
    color: #FFFFFF;
    margin-bottom: .16rem;
    h2{
        font-size: .28rem;
    }
    p{
        font-size: .22rem;
    }
}
.person{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
   
    width: 7.2rem;
    height: 1.2rem;
    .name-number{
        display: flex;
        color: #222222;
        .name{
            font-size: .26rem;
            font-weight: 600;
        }
        .number{
            font-size: .24rem;
            font-weight: 600;
        }
        
    }
    h2{
        margin-left: .3rem;
    }
    p{
        margin-left: .3rem;
        color: #666666;
        font-size: .22rem;
    }
}
.order-form{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    width: 7.2rem;
    height: .9rem;
    border-top: .01rem #f8f8f8 solid;
    border-bottom: .01rem #f8f8f8 solid;
    .order{
        margin-left: .29rem;
        color: #222222;
        font-size: .24rem;
    }
    .date{
        margin-right: .29rem;
        color: #222222;
        font-size: .24rem;
    }
}
.product{
    background-color: #fff;
    height: 1.8rem;
    border-bottom: .01rem #f8f8f8 solid;

    .goods-specification{
        display: flex;
        justify-content: space-between;
        margin-left: .31rem;
        .goods-spec{
            margin-top: .27rem;
            .goods{
                color: #202121;
                font-size: .26rem;
            }
            .specification{
                color: #666666;
                font-size: .24rem;
            }
        }
        .deal{
            margin-top: .35rem;
            margin-right: .30rem;
            color: #222222;
            font-size: .24rem;
        }
        
    }
    .deal-price{
        display: flex;
        justify-content: space-between;
        line-height: .4rem;
        margin-left: .31rem;
        margin-right: .30rem;
        margin-bottom: .34rem;
        .ticket{
            color: #D7B093;
            font-size: .24rem;
        }
        .reduction{
            color: #D7B093;
            font-size: .24rem;
        }
    }

}
.total{
    background-color: #fff;
    
    .g-a{
         display: flex;
         justify-content: space-between;
         align-items: center;
         height: 1.1rem;
         border-bottom: .02rem #ececec dashed;
         margin-left: .28rem;
         margin-right: .33rem;
        .goods-total{
       
            color: #666666;
            font-size: .22rem;
        }
        .actually{
           
            .act{
                color: #666666;
                font-size: .24rem;
            }
            .mon{
                color: #222222;
                font-size: .34rem;
            }
        }
    }
    
}
.claim-code{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 4.95rem;
    background-color:#fff;
    .claim-QR{
        width: 4.6rem;
        height: .68rem;
        background: #f2ebe6;
        border-radius: .34rem;
        margin-top: .42rem;
        margin-bottom: .42rem;
        
        text-align: center;
        p{
            line-height: .68rem;
            text-align: center;
            color: #BC9A81;
            font-size: .3rem;
        }
    }
    .QRcode{
        
        text-align: center;
       
        border: .01rem solid #e8e8e8;
        img{
            margin: .12rem;
            width: 2.64rem;
            height: 2.64rem;
        }
    }

}
.order-time{
    color: #666666;
    font-size: .24rem;
    height: .9rem;
    margin-top: .16rem;
    background-color: #fff;
    line-height: .9rem;
    margin-bottom: .96rem;
    padding-left: .28rem;
}
